@charset "UTF-8";
.bdshare-button-style2-32{    margin-top: 12px; margin-left: 20px;}
.bdshare-button-style2-32 a { background-image: url('../images/share.png')!important; height: 22px!important; }
.bdshare-button-style2-32 .bds_tqq {background-position: 6px 0px!important;}
.bdshare-button-style2-32 .bds_tsina {background-position: -46px 0px!important;}
.bdshare-button-style2-32 .bds_weixin {background-position: -96px 0px!important;}

#fixed-top{ display: none; position: fixed;right: 40px;bottom: 10%; cursor: pointer;  }
#fixed-top ul li:first-child{  width: 43px;height: 43px;background: url('../images/top.png') no-repeat;  background-position: 0 0;  transition: all .3s  }
#fixed-top ul li:first-child:hover{  background-position: 0 -43px;   }

.page-banner { position: relative; }
.page-banner div{ position: absolute;     left: calc( (100% - 1200px) / 2 );top: 40%; color: #fff;border-left: 3px solid #ff3333 ;background-color: rgba(0, 0, 0, .77);padding: 15px 45px 15px 25px;}
.page-banner div h3{ font-size: 24px;font-weight: normal; }


.slogan{ /* padding: 24px 0; */     background-color: #fcfeff }
.page-bt{ display: inline-block;position: relative; font-weight: normal;color: #333;line-height: 40px;clear: both;font-size: 28px; }
.page-bt::after,.page-bt::before{ position: absolute; content: ""; width: calc( 50% );height: 3px;bottom: 0; }
.page-bt::after{ left: 0;background-color: #e70012; }
.page-bt::before{ right: 0;background-color: #333;  }



 /* msg */
 #msg { position: relative;top: -56px;z-index: 12;; }
#msg .main2{  background-color: #fff; padding: 36px 0 32px 0;}
#msg .main2 .msg-tit{ justify-content: space-between;padding: 0 40px; }
#msg .main2 .msg-tit h3{color: #e21e21;font-size: 24px;font-weight: normal; }
#msg .main2 .msg-tit h3 span{font-weight: bold; }
#msg .main2 .msg-tit h3 small{ display: block; color: #666;font-size: 16px; }
#msg-con dl{ justify-content: space-between;padding-left: 40px; }
#msg-con dl dd{ width: 292px;  justify-content: flex-start; }
#msg-con dl dt,#msg-con dl dd{ border: 1px solid #e4e4e4;line-height: 50px;height: 50px; margin-top: 14px;  }
#msg-con dl dd.dd-submit{ width: 228px;position: relative; border: none;background-color: #dc0015;}
#msg-con dl dd.dd-submit input{ font-size: 20px;text-align: center;width: 100%; letter-spacing: 6px; border: none;background-color: #dc0015;color: #fff; }
#msg-con dl dd img,#msg-con dl dt img{  margin: 0 10px }
#msg-con dl dd.dd-submit img{ position: absolute; top: 0;left: 228px;margin: 0}
#msg-con dl dt { width: 913px;; color: #333; }
#msg-con dl dt label{margin: 0 20px 0 0;    line-height: 50px;display: inline-block; }
#msg-con dl dt span{display: inline-block; margin-right: 30px }
#msg-con dl dd input{ border: none;}
#msg-con dl dt input[type=radio]{ border-radius: 50%;margin-left: 20px;    transform: translateY(2px);}
.slogan01 {padding-top: 0;    background-color: #f5f5f5; }
.slogan01 .main{ background-color: #fff; }
.slogan04{ padding-bottom: 36px; }
slogan02,.slogan03,.slogan05,.slogan06{ padding-top: 24px; }



.index-tit{ text-align: center; }
.index-tit h2{ font-size: 30px; color: #333;font-weight: normal; }
.index-tit h6{ font-size: 16px; color: #999;font-weight: normal;}



#link{padding: 25px 0;background-color: #fcfeff; }
#link dl{ justify-content: flex-start }
#link dt{ font-size: 18px;color: #d91f34;font-weight: bold;margin-right: 26px; }
#link dd{ font-size: 15px;margin-right: 24px;  }


#about{ background: #8e0c12;padding: 50px 0; }
#about .main{ background: #8e0c12; }
#about .main dl {     align-items: flex-start;}
#about .main dl dt{ width: 50%; }
#about .main dl dd{ width: 50%; padding-left: 3%;color: #fff;}
#about .main dl dd div{ font-size: 16px;    line-height: 1.8; height: 170px;; }
#about .main dl dd>h5{font-size: 28px;line-height: 1; font-weight: normal; color: rgba(255, 255, 255, .47);margin-top: 20px;}
#about .main dl dd>h2{font-size: 36px;line-height: 1; margin-bottom: 25px; }
#about .main dl dd>p{    justify-content: flex-start;}
#about .main dl dd>p a{justify-content: center; background-color: #fff;line-height: 50px;border-radius: 25px;;width: 180px;}
#about .main dl dd>p a img{ margin-right: 10px; }
#about .main dl dd>p a:first-child{ margin-right: 20px; }


/* business */
#business{ background-color: #fcfeff;padding: 20px 0 30px; }
#business .main .swiper-container{    padding: 40px 0;}
#business .main .swiper-slide{ display: flex; position: relative; flex-direction: column;align-items: center;justify-content: center;text-align: center; }
#business .main .swiper-slide dt{ font-size: 18px;color: #333;position: relative; }
#business .main .swiper-slide dt:not(:first-child){       padding-bottom: 8px; margin: 10px 0 25px;}
#business .main .swiper-slide dt:not(:first-child)::before{position: absolute;content: "";width: 25px;height: 5px; background-color: #c00;bottom: -5px;left: 50%;transform: translateX(-50%); }
#business .main .swiper-slide::before{content: url('../images/business_r.png'); position: absolute;top: 50%;transform: translateY(-50%);   right: -9px;; }
#business .main .swiper-slide dd{ width: 80%;margin: 0 auto;; color:#afafaf;margin-bottom: 40px;}
/* business */
/* pk */
#pk { padding: 50px 0 60px;background: url('../images/pk_bg.jpg') ; }
#pk .main2 { border:#e21e21 3px solid;padding: 68px 24px 0;position: relative; border-radius: 10px;}
#pk .main2 .pk-tit{ position: absolute;top: -24px; text-align: center; left: 50%;transform: translateX(-50%);padding: 0 10px; background: url('../images/pk_bg.jpg') ;}
#pk .main2 .pk-tit h4{ color: #e21e21;font-size: 30px; }
#pk .main2 .pk-tit h6{ color: #333;font-size: 18px; font-weight: normal;}

#pk .main2 .swiper-container{ padding-bottom: 68px; }
.pk-con{ position: relative; }
.pk-con>img{ position: absolute; left: 50%;transform: translateX(-50%);top: 18%; }
.pk-con li{ width: 46%; float: left; }
.pk-con li+li{float: right; }
.pk-con li p img{ width: 100%; }
.pk-con li p:nth-last-of-type(1){     padding: 15px 4px 10px }
#pk .main2 .swiper-container .swiper-pagination {position: absolute;bottom: 0;;  }
#pk .main2 .swiper-container .swiper-pagination span{   opacity: 1; border-radius: 0px; border-top-left-radius: 8px;border-top-right-radius: 8px; width: 158px;height: 49px; line-height: 49px;  color: #fff;font-size: 20px;font-weight: bold;  margin: 0 5px; background-color: #e21e21}
#pk .main2 .swiper-container .swiper-pagination span.swiper-pagination-bullet{    transform: translateY(3px);}
#pk .main2 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ transform: translateY(0px); background-color: #ff0000;height: 55px;line-height: 55px; }
/* pk */



/* advantage */
#advantage{ background: url('../images/bg.jpg') no-repeat center top;background-size: cover;padding: 60px 0 56px;; }
#advantage .main{ background: #fff;padding: 40px 0 45px; }
#advantage .main dl{width: 1123px;margin: 0 auto; }
#advantage .main dl dt,#advantage .main dl dd{height: 317px;padding: 22px 16px;margin-top: 24px; }
#advantage .main dl dt:nth-of-type(1){ background: url('../images/advantage01.jpg') no-repeat; }
#advantage .main dl dt:nth-of-type(2){ background: url('../images/advantage03.jpg') no-repeat; }
#advantage .main dl dd:nth-of-type(1){ background: url('../images/advantage02.jpg') no-repeat; }
#advantage .main dl dd:nth-of-type(2){ background: url('../images/advantage04.jpg') no-repeat; }
#advantage .main dl dt .advantage-box-con{ float: left; }
#advantage .main dl dd .advantage-box-con{ float: right; }
.advantage-box-con{  background: #fff;width: 530px; height: 100% }
.advantage-box-con .advantage-box-tit span{ width: 50%;line-height: 69px;color: #e21e21;font-size: 24px;font-weight: bold;justify-content: center; }
.advantage-box-con .advantage-box-tit span+span{ color: #fff;background-color: #e21e21;font-weight: normal;font-size: 20px; }
.advantage-box-con .advantage-box-tit span+span img{ margin-right: 5% }
.advantage-box-con h5,.advantage-box-con>p{ padding-left: 36px; padding-right: 36px;}
.advantage-box-con h5{ font-size: 24px;color: #333; position: relative;padding-top: 30px;padding-bottom: 8px; margin-bottom: 28px;}
.advantage-box-con h5::before{ content: "";bottom: -3px;
  background-color: #cacaca;width: 44px;
  height: 3px; position: absolute; }
/* advantage */


/* range */
#range{  padding-top: 25px;     background:#fcfeff url('../images/range_bg.png') repeat-x center bottom; }
#range .index-tit h2 span{ font-weight: bold;   }
#range ul.df{ justify-content: space-between; padding-top: 25px;}

#range ul.df li img{ width: 285px;height: 400px; }
/* range */





/* pro */
#pro{padding-bottom: 30px;position: relative;
  top: -20px;  }
#pro .pro-l{ width: 275px; background-color: #e21e21;position: relative;}
#pro .pro-r{ width:calc( 100% - 275px ) ;padding: 0 20px;background-color: #fff; } 
.pro-l-con-list {padding: 0 16px; }
.pro-l-con-list dl dt{ font-size: 16px;font-weight: bold;border-bottom: 1px solid #c51315;line-height: 48px;background: url('../images/p-d.png') no-repeat 92%  center; padding-left: 8px;}
.pro-l-con-list dl dd{ font-size: 15px;font-weight: bold;line-height: 30px;background: url('../images/p-l.png') no-repeat left center;padding-left: 12px; }
.pro-l-con-list dl dt a,.pro-l-con-list dl dd a{color: #fff;  }
.pro-l-con-bottom {color: #fff; text-align: center;    position: absolute;
  left: 0;
  right: 0;
  bottom: 60px;}
.pro-l-con-bottom>a{ font-size: 36px;color: #fff;  }
.pro-l-con-bottom p{ font-size: 16px;; }

.pro-r-tit{margin: 20px 0; }
.pro-r-tit h4{font-size: 21px; line-height: 1;padding-left: 12px; color: #333;border-left: 3px solid #e21e21; float: left;}
.pro-r-tit a{font-size: 15px ;float: right;;  }

.pro-r-con .pro-r-top{ border:  1px solid #e1e1e1; }
.pro-r-con .pro-r-top dt{ border-right:  1px solid #e1e1e1;float: left;width: 326px;height: 267px;overflow: hidden; }
.pro-r-con .pro-r-top dt img{width: 100%; }
.pro-r-con .pro-r-top dd{float: right;width: 556px; padding: 0 22px 0 33px;}
.pro-r-con .pro-r-top dd h5{ font-size: 20px;color: #333;position: relative;margin: 24px 0 16px; }
.pro-r-con .pro-r-top dd h5::before{content: "";position: absolute; width: 33px;height: 2px;background-color: #e21e21;left: 0;bottom: -2px; }

.pro-r-con .pro-r-top dd p{ font-size: 16px;text-align: justify;     line-height: 1.6;}
.pro-r-con .pro-r-top dd>a{ display: block; background-color: #e21e21;color: #fff;width: 124px;line-height: 38px;text-align: center;  font-size: 16px;margin-top: 23px; }


.pro-r-list {justify-content: space-between ; padding-bottom: 26px;  }
.pro-r-list li{  border:  1px solid #e1e1e1;width: 31%;margin-top: 16px; text-align: center;padding: 0 12px; background-color: #fff }
.pro-r-list li:hover{    box-shadow: 0 0 10px #ccc; border-color: #c51315 }
.pro-r-list li h3{  font-size: 16px;color: #333; line-height: 54px;border-bottom:  1px solid #e1e1e1; }
.pro-r-list li p img{width: 100%; }
.pro-r-list li p.df{margin: 15px 0;}
.pro-r-list li p.df a{ width: 112px;line-height: 34px; display: block;background: #333;color: #333333;color: #fff}
.pro-r-list li p.df a+a{ background: #e21e21 }
/* pro */


/* case */
#case{ padding: 25px 0;background-color: #fcfeff;}
#case .main{ padding: 35px 0 0;}

#case dl dd{float: left;position: relative;width: 295px;height: 260px;transition: all .5s; }
#case dl dd:first-child{  width: 590px;height: 530px;margin-right: 10px; } 
#case dl dd:nth-child(2){margin-right: 10px;margin-bottom: 10px; } 
#case dl dd:nth-child(3){margin-bottom: 10px; } 
#case dl dd:nth-child(4){margin-right: 10px; } 
#case dl dd img{width: 295px;height: 260px; }
#case dl dd:first-child img{width: 590px;height: 530px; }
#case dl .mask{visibility: hidden; position: absolute; background-color: rgba(51, 51, 51, .58);left: 0;right: 0;top: 0;bottom: 0;padding: 12px;transition: all .8s;}
#case dl .mask a{  display: block;height: 100%;width: 100%;position: relative;transition: all .3s; } 
#case dl dd:hover .mask{ visibility: visible; }

#case dl   .mask a::before,#case dl  .mask a::after{
  content: "";
  position: absolute;
  display: block;  
    box-sizing: border-box;
  border: 1px solid transparent;
  width: 0;
  height: 0;
}
#case dl   .mask a::before{    
  bottom: 0;
  right: 0;
  -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
  transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
}
#case dl   .mask a::after{      
  top: 0;
  left: 0;
  -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
  transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
}
#case dl   .mask a:hover::before,#case dl .mask a:hover::after{
  width: 100%;
  height: 100%;
}
#case dl  .mask a:hover::before{ border-bottom-color: #fff;
  border-left-color: #fff;
   -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s; 
   transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;   }
#case dl   .mask a:hover::after{  border-top-color: #fff;
  border-right-color: #fff;
  -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
  transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
} 

#case dl .border  {text-align: center; color: #fff;height: 100%;display: flex; flex-wrap: wrap;flex-direction: column;justify-content: center;align-items: center; } 
#case dl .border p  {font-size: 24px;     } 
#case dl .border span{margin-top: 16%;margin-bottom: 8%;  display: inline-block;  font-size: 18px; width: 76%;;height: 60px;line-height: 60px;border: 1px solid #fff;border-left: none;border-right: none; }
/* case */


/* news */
#news{ padding: 30px 0 50px; }
#news .main{    padding-top: 30px; }
.news-list li{ float: right;width: 580px; }
.news-list li:nth-of-type(1) {  }
.news-list li a{ display: block;position: relative; }
.news-list li a>div p{ line-height: 32px;background: url('../images/news_bg.png') no-repeat left center; padding-left: 16px;}
.news-list li a>div{position:initial; }
.news-list li:nth-of-type(1){ width: 579px;height: 410px;float: left; }
.news-list li:nth-of-type(1) a>div{position:absolute;left: 0;right: 0;bottom: 0;background-color: #6f6f6f;color: #fff;padding: 6px 0 10px;; }
.news-list li:nth-of-type(1) a>div p{ line-height: 2;height: 28px;overflow: hidden; text-align: center; font-style: italic;background-image: none; }
.news-list li:nth-of-type(1) a>div p .fl{     width: 100%; }
.news-list li:nth-of-type(1) a>div p .fr,.news-list li:nth-of-type(2) a>div p .fr{ display: none; }
.news-list li a>img,.news-list li a div p+p{ display: none; } 
.news-list li:nth-of-type(1) a>img,.news-list li:nth-of-type(2) a>img,.news-list li:nth-of-type(1) a div p+p,.news-list li:nth-of-type(2) a div p+p{ display: block; }
.news-list li a div>span{ display: none;background-color: #e21e21;color: #fff;width: 120px;height: 35px;line-height: 35px;text-align: center;; border-radius: 5px;text-transform: uppercase; }
.news-list li:nth-of-type(2) a div>span{ display: block; }
.news-list li:nth-of-type(2) a { display: flex;justify-content: space-between;  }
.news-list li:nth-of-type(2) a div{ width: 362px; }
.news-list li:nth-of-type(2) a>div p{ background-image: none;padding-left: 0;}
.news-list li:nth-of-type(2) a>div p span{ color: #333;font-size: 16px;border-bottom: 1px solid #c6c6c6; width: 100%; }
.news-list li:nth-of-type(2) a>div p.t-o-2 { line-height: 1.6;    margin: 10px 0;    height: 43px;
  overflow: hidden; }
 .news-list li a div p+p {
  display: none!important;
}
 .news-list li:nth-of-type(1) a div p+p {
  display: block!important;    padding: 0;
  width: 93%;
  margin: 0 auto;
}
 .news-list li:nth-of-type(2) a div p+p{ display: -webkit-box!important; }
 .news-list li:nth-of-type(2) {    padding-bottom: 30px;
  border-bottom: 2px solid #ccc;
  margin-bottom: 15px;}
/* news */


/* page-tit */
.page-tit{ padding-top: 30px; }
.page-tit .main{padding-left: 30px; border-left: 5px solid #e21e21;line-height: 45px;border-bottom: 1px solid #dcdcdc;font-size: 16px;color: #333; }
.page-tit .main a{color: #333;}
/* page-tit */

/* NEWS-tab */
.page-tab{ margin: 35px 0 65px; }
.page-tab ul { display: flex;justify-content: center;align-items: center;flex-wrap: wrap; }
.page-tab ul li:not(:last-child){ margin-right: 20px; } 
.page-tab ul li{ text-align: center;border: 1px solid #d2d2d4; width: 192px;height: 50px;line-height: 50px;  } 
.page-tab ul li:hover,.page-tab ul li.tab-on{ background-color: #e21e21;border-color: #e21e21 } 
.page-tab ul li:hover a,.page-tab ul li.tab-on a{ color: #fff; background-color: #e21e21;border-color: #e21e21 } 
.page-tab ul li a{ display: block ; font-size: 22px;; } 
/* NEWS-tab */
#news-banner{margin-bottom: 36px;  }
.news-li{ justify-content: space-between; }
.news-li .news-banner-l { width: 678px; }
.news-li .news-banner-r { max-width: 500px; }
.news-li .news-banner-r img { width: 100%; }
.news-li .news-banner-l h5{font-weight: normal; font-size: 30px;color: #333; }
.news-li .news-banner-l small{display: block;padding: 20px 0 }
.news-li .news-banner-l p{ line-height: 24px;; }
.news-li .news-banner-l span{display: block;border: 1px solid #c9c9c9; text-align: center;width: 130px; height: 40px;line-height: 40px; margin-top: 40px;}
#news-banner .swiper-pagination {    width: 450px;right: 0;left: initial;}
#news-banner .swiper-pagination .swiper-pagination-bullet{width: 12px;  height: 12px;background-color: #fff; opacity: 1;}
#news-banner .swiper-pagination .swiper-pagination-bullet-active{    width: 25px;  border-radius: 6px;background: #cc0000;}

#news-list .main dl:not(:first-child){margin-top: -1px;   }
#news-list .news-list{border: 1px solid #e4e4e4;padding: 40px 136px 40px 46px; }  
#news-list  .news-list:hover { border-color: #c51315;border-bottom: 1px solid #c51315;position: relative;z-index: 6;    box-shadow: 0 0 20px #ccc; }
.page-contact{ padding-bottom: 40px;text-align: left; background-color: #fff}
.page-contact ul { padding: 34px 0 52px 0 ; border: 1px solid #e4e4e4;margin-top: 30px; }
.page-contact ul li{ flex: 1;flex-direction: column;text-align: center;justify-content: flex-start }


.view .view-tit { text-align: center; padding: 40px 0 14px; border-bottom: 1px solid #e5e5e7 }
.view .view-tit h2 { font-size: 28px; color: #333;}
.view .view-tit>span { color: #b7b7b7;}
.view .view-tit small{ display: block;font-size: 14px;padding: 10px 0}
.content{ padding: 30px 0;line-height: 36px; }
.page-next{ border:  #dcdcdc 1px solid; line-height: 60px;font-size: 16px;text-align: center;margin-bottom: 40px; }
.page-next dl dt{ border-right:  #dcdcdc 1px solid; border-left:  #dcdcdc 1px solid; width: 120px; }
.page-next dl dd{ width: calc( (100% - 122px) / 2 ); }


/* page_recommend */
.page-recommend {     padding-bottom: 26px; background-color: #fff }
.page-recommend .page-recommend-news{  float: left;  }
.page-recommend .page-recommend-case{  float: right;   }
.page-recommend .main dl{width: calc( (100% - 20px) / 2 );border: 1px solid #dcdcdc;    padding: 22px 20px 20px 0;  }
.page-recommend .main dl dt{position: relative;font-size: 20px;; border-left: 10px solid #e1131d;
  margin-left: -1px; padding-left: 18px;  display: flex; justify-content: space-between;  align-items: center;margin-bottom: 15px; }
.page-recommend .main dl dt div{font-size: 16px;  margin-top: 0;     position: initial; width: initial;background-image: none;height: initial }
.page-recommend-news .swiper-container{ height: 160px;}
.page-recommend-news .swiper-container .swiper-slide{ line-height: 32px;position: relative;padding-left: 14px; }
.page-recommend-news .swiper-container .swiper-slide::before{ position: absolute;content: "";width: 3px; height:3px;background-color: #646464; left: 0px; top: 50%;transform: translateY(50%); }
.page-recommend-news .swiper-container .swiper-wrapper{ padding-left: 15px; }
/* page_recommend */


.page-recommend-case .swiper-slide a p{  font-size: 16px;text-align: center }
.page-recommend-case .swiper-slide a p+p{     padding-top: 22px; }

.page-recommend-case dd.swiper-container{ padding-left: 20px;}

 

/* case */
.case-dl{ border: 1px solid #d9d9d9;padding: 26px; background-color: #fff;   width: 23%;margin-bottom: 20px; }
.case-dl dt{ font-size: 24px;; }
.case-dl dd{ font-size: 12px;padding: 10px 0 20px;border-bottom: 1px solid #d7d7d7;margin-bottom: 20px }
.case-dl:hover{    box-shadow: 0 0 10px #ccc; border-color: #c51315 }
/* case */

/* page-contact */
#page-contact .main{ text-align: center; }
#page-contact .page-bt{display: inline-block }
/* page-contact */

/* contact */
#page-contact{   }
#Map{ width: 100%;height: 500px;padding: 30px 0 40px; }

.item-contact ul{ justify-content: space-between;padding: 36px 0 46px;;  }
.item-contact ul li{ width: 32%; border: 1px solid #d9d9d9;padding: 50px 0 88px;cursor: pointer;  }
.item-contact ul li h5{ font-size: 18px;font-weight: normal;color: #333;line-height: 50px;}
.item-contact ul li:hover,.item-contact ul li.li-on{ background-color: #f41d1a; border: 1px solid #f41d1a;color: #fff }
.item-contact ul li:hover h5,.item-contact ul li.li-on h5{ font-size: 18px;font-weight: normal;color: #fff}

.page-contact-msg{ padding-bottom: 40px; }
.page-contact-msg>p{  padding: 40px 0 30px; }

#page-contact-msg-form dl  { width: 566px;line-height: 38px;float: left; }
#page-contact-msg-form dl +dl { float: right; }
#page-contact-msg-form dl label { color:#d4d4d4 }
#page-contact-msg-form dl input,#page-contact-msg-form dl textarea { border: none; }
#page-contact-msg-form dl dd,#page-contact-msg-form dl dt{ text-align: left; width: 100%;border: 1px solid #e5e5e5;margin-top: 10px;padding-left: 10px }
#page-contact-msg-form dl dt textarea{height: 75px; width: 80%; ; }
#page-contact-msg-form dl dt label{ vertical-align: top; }
#page-contact-msg-form p{ clear: both; padding-top: 30px }
#page-contact-msg-form p input{ background-color: #999999;color: #fff;width: 100px;height: 40px;; }
#page-contact-msg-form p input:first-child{ background-color: #f41d1a;margin-right: 50px;}
/* contact */



/* pro   classify */
#classify{ padding: 14px 0 10px; }
#classify dl{ line-height: 40px;margin-bottom: 2px; }
#classify dl dt{background-color: #e2131d;text-align: center; width: 140px;  font-size: 16px;;position: relative; float: left;margin-right: 25px;}
#classify dl dt::before{position: absolute;content: ""; right: -20px;top: 50%;margin-top: -10px; border-width: 10px;border-style: solid;border-color: transparent transparent transparent   #e2131d; }
#classify dl dt a{ color: #fff;  }
#classify dl dd{font-size: 15px;float: left;padding-right: 32px;transition: all .3s }
#classify dl dd:hover a ,.dd-hover-a {    color: #fff; background: #c00;  padding: 4px 10px; border-radius: 4px;}
/* pro   classify */


/* pro-view-top */
#pro-view-top{padding: 26px 0; }
#pro-view-top .pro-view-top-l{width: 678px; height: 482px;float: left;  border: 1px solid #dfdfdf; overflow: hidden;}
#pro-view-top .swiper-container{ height: 100%; }
#pro-view-top .swiper-slide{ height: 100%;text-align: center; }
#pro-view-top .swiper-slide img{ max-height: 100%; }
#pro-view-top .swiper-container .swiper-button-next,#pro-view-top .swiper-container .swiper-button-prev{width: 44px;height: 44px;background-size: 44px 44px ;background-image: url('../images/proDetailsIntroBtn02.png');   }
#pro-view-top .swiper-container .swiper-button-next{  right: 0; }
#pro-view-top .swiper-container .swiper-button-prev{ background-image: url('../images/proDetailsIntroBtn02.png'); transform: rotateY(180deg);left: 0; }

.pro-view-top-r{ color: #333;float: right; width: calc( 100% - 678px - 26px ) }
.pro-view-top-r dt{ font-size: 30px; padding: 8px 0;}
.pro-view-top-r dd{ font-size: 18px;border-top: 1px solid #dcdcdc;padding: 12px 0;  }
.pro-view-top-r dd:nth-last-of-type(1){ /* border-bottom: 1px solid #dcdcdc;  */  }
.pro-view-top-r dd p{ font-size: 14px; } 
.pro-view-top-r dd h5{ font-size: 18px;font-weight: normal;    margin-bottom: 10px; } 
.pro-view-top-r dd ul li{ width: 24%; border: 1px solid #e2e2e2; } 
.pro-view-top-r dd ul li img{ width: 100%; } 
.pro-view-top-r dt a{ background-color: #dc1e1e; border-radius: 30px; display: inline-block;width: 198px; text-align: center; line-height: 60px; font-size: 20px;color: #fff }
.pro-view-top-r dt p{ font-size: 23px;color: #333; padding-left: 52px; background: url("../images/pro_tel.png") no-repeat left center ;    display: inline-block;
  line-height: 1.2;}
.pro-view-top-r dt p span{ font-size: 16px;display: block }
/* pro-view-top */
#pro-view-ul ul.df li{flex: 1; line-height: 54px;; text-align: center; font-size: 18px;display: block;border: 1px solid #dfdfdf } 
#pro-view-ul ul.df li:not(:last-child){ border-right: none }
 
.pro-view-con-tit { font-size: 24px;padding: 30px 0; }
.pro-view-con-tit h3{ border-left: 2px solid #f10000;line-height: 1;padding-left: 15px; }


.pro-view-con-characteristic ,.pro-view-con-introduce{ background-color: #f5f5f5 }

.pro-view-content{ padding-bottom: 20px;line-height: 32px; }

.pro-view-con-order{ padding-bottom: 40px; }
#pro-form dl input,#pro-form dl textarea{ border: none }
#pro-form dl dd,#pro-form dl dt{  float: left;border: 1px solid #e0e0e0;line-height: 58px;margin-bottom: 20px; }
#pro-form dl dd{ width: 580px; }
#pro-form dl dd:nth-of-type(2n){ float: right }
#pro-form dl dt{ width: 100%;     height: 138px;}
#pro-form dl dt label{    padding-left: 28px; font-size: 16px;   vertical-align: top; }
#pro-form dl dt textarea{    height: 80%;    margin-top: 20px;}
#pro-form dl dd label{ width: 130px;border-right: 1px solid #e0e0e0;    display: inline-block;text-align: center;font-size: 16px; }
#pro-form dl>p{ text-align: center;padding-top: 10px;clear: both }
#pro-form dl>p a:first-child { margin-right: 15px; }
#pro-form dl>p a{ width: 242px;height: 50px;line-height: 50px;text-align: center; font-size: 20px;display: inline-block;border-radius: 25px;border: 1px solid #e1e1e1;color: #333 }


/* 集团简介 */
#introduction  { position: relative; }
#introduction .main2 {text-align: center; }
#introduction .main2 .introduction-con{width: 80%;margin: 0 auto;line-height: 24px;text-align: justify;padding-top: 30px; }

.introduction-bottom { background-color: rgba(0, 0, 0, .51);padding: 20px 0 50px; position: absolute;bottom: 0;left: 0;right: 0; }
.introduction-bottom li{ font-size: 20px; text-align: center;color: #fff; flex: 1 }
.introduction-bottom li img{ display: block;margin: 0 auto 15px; }
/* 集团简介 */


/* environmental */
#environmental{ text-align: center;padding-bottom: 48px; }
#environmental .page-bt{margin: 38px 0; }
#environmental dd,#environmental dt{float: left;overflow: hidden   }
#environmental dd img,#environmental dt img{width: 100%;height: 100%;  }
#environmental dt{width: 607px;height: 437px;    margin-right: 1px;}
#environmental dd{width:282px;height:218px;  }
#environmental dd:nth-of-type(1){    margin-right: 1px;  margin-bottom: 1px; }
#environmental dd:nth-of-type(2){     margin-bottom: 1px; }
#environmental dd:nth-of-type(3){  margin-right: 1px; }
/* environmental */


/* praise */
#praise{ text-align: center; background-color: #e8e8e8; padding:20px 0 36px; }
#praise ul{ margin: 35px 0 20px; }
#praise p{ width: 80%;margin: 0 auto; font-size: 18px;color: #333;line-height: 32px; }
#praise a{ background-color: #e60012; display: inline-block;  font-size: 16px;color: #fff;line-height: 38px; width: 120px; text-align: center;border-radius: 2px;margin-top: 20px; }

/* praise */

/* speech */
#speech{  text-align: center; padding:25px 0 42px;  }
#speech .main{ position: relative;  }
#speech .main>img{ position: absolute; right: 10px;bottom: 0; }
#speech div.df{ justify-content: space-between; margin-top: 25px; }
#speech div.df p{ text-indent: 2em;text-align: justify; width: 815px; font-size: 16px;color: #333;line-height: 34px;}

/* speech */

#about-case{text-align: center; padding:25px 0 42px; background-color: #f2f2f2 }
#about-case .df{margin: 35px 0 15px; }
#about-case .df .case-dl dt+dt{font-size: 16px; color: #666; border-top: 2px solid #e2e2e2;margin-top: 20px;padding-top: 15px; }
#about-case .main>a{ background-color: #e60012; display: inline-block;  font-size: 16px;color: #fff;line-height: 38px; width: 120px; text-align: center;border-radius: 2px;  }